<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>vue</title>
        <!-- 引入vue文件-->
		<script src="https://unpkg.com/vue/dist/vue.js"></script>
	</head>
	<body>
		<div id="vue">
			{{update}}
		</div>
		<script>
			var vm=new Vue({
				el:'#vue',
				data:{
					name:'恒华伟业',
					url:'http://ieforever.com'
				},
				//计算
				computed:{
					update:{
						//get方法
						get:function(){
							return this.name+' '+this.url
						},
						//set方法,可更改值
						set:function(newValue){
							//按逗号切割字符串
							var messages=newValue.split(',')
							//从新赋值
							this.name=messages[0]
							this.url=messages[messages.length-1]
						}
					}
				}
			})
			document.write("name:"+vm.name+"</br>");
			// 调用 setter， vm.name 和 vm.url 也会被对应更新
			vm.update= '碎猴  ,http://wangyuejiao.com';
			document.write('name: ' + vm.name);
			document.write('<br>');
			document.write('url: ' + vm.url);
		</script>
	</body>
</html>
